<ul class="{{prefixCls}}" [class.apes-timeline-pending]="apesPending">
  <ng-content></ng-content>
  <li *ngIf="apesPending" class="{{prefixCls}}-item {{prefixCls}}-item-pending">
    <div class="{{prefixCls}}-item-tail"></div>
    <div class="{{prefixCls}}-item-head {{prefixCls}}-item-head-custom {{prefixCls}}-item-head-blue">
      <i class="anticon anticon-spin anticon-loading"></i>
    </div>
    <div class="{{prefixCls}}-item-content">
      <ng-container *ngIf="isPendingString; else pendingTemplate">{{ isPendingBoolean ? '' : apesPending }}</ng-container>
      <ng-template #pendingTemplate>
        <ng-template [ngTemplateOutlet]="apesPending"></ng-template>
      </ng-template>
    </div>
  </li>
</ul>
